function manejarVisibilidadPilotoEnJugador2(jsonRecibido)
{
    console.log(queJugador);
     if (queJugador == "jugador2"){
         console.log(jsonRecibido.jugador2VePiloto);
         if (jsonRecibido.jugador2VePiloto)
         {
             $("#piloto").css("display", "block");
         }
         else{
              $("#piloto").css("display", "none");
         }
     }    
}

/********************/
/* FUNCIONES DEL TANQUE */
/********************/
//Difieren en que a una le decis que tanque dibuja y la otra lo dibuja leyendo
//el json.
function dibujarTanque(jsonRecibido)
{
    console.log("Va a dibujar un tanque");
    var tanqueX = jsonRecibido.tanqueX;
    var tanqueY = jsonRecibido.tanqueY;
    var orientacionT1 = jsonRecibido.orientacionT1;
    //var fondoCanvas = document.getElementById("territorio");
    //var fondoCanvasCTX = fondoCanvas.getContext("2d");
    
    //Armo el identificador del canvas.
    var queTanque = "tanque"+jsonRecibido.tanque;
    //Obtengo el canvas.
    var tanque1Canvas = document.getElementById(queTanque);
    //Magia
    tanque1Canvas.width = tanque1Canvas.width;
    //Pido el contexto.
    var tanque1CanvasCTX = tanque1Canvas.getContext("2d");

    //Pido imagen a cargar.
    var img = new Image();
    var idImagenTanque = darImagenTanquePorOrientacion(orientacionT1);
    //Pido la imagen y la cargo en la variable img
    img = document.getElementById(idImagenTanque);
    if(orientacionT1 == 0)
    {
        //Dibujo la imagen en canvas.
        tanque1CanvasCTX.drawImage(img, tanqueX, tanqueY - 20);
    }
    else if(orientacionT1 == 270)
    {
        //Dibujo la imagen en canvas.
        tanque1CanvasCTX.drawImage(img, tanqueX - 20, tanqueY);
    }
    else if(orientacionT1 == 45)
    {
        //Dibujo la imagen en canvas.
        tanque1CanvasCTX.drawImage(img, tanqueX, tanqueY - 20);
    }
    else if(orientacionT1 == 135)
    {
        //Dibujo la imagen en canvas.
        tanque1CanvasCTX.drawImage(img, tanqueX, tanqueY);
    }
    else if(orientacionT1 == 225)
    {
        //Dibujo la imagen en canvas.
        tanque1CanvasCTX.drawImage(img, tanqueX - 20, tanqueY);
    }
    else if(orientacionT1 == 315)
    {
        //Dibujo la imagen en canvas.
        tanque1CanvasCTX.drawImage(img, tanqueX - 20, tanqueY - 20);
    }
    else
    {
        //Dibujo la imagen en canvas.
        tanque1CanvasCTX.drawImage(img, tanqueX, tanqueY);
    }
    manejarVisibilidadPilotoEnJugador2(jsonRecibido);
    manejarVisibilidadTanquesEnJugador1(jsonRecibido);
}
function dibujarUnTanque(queTanque, tanqueX, tanqueY, orientacionT)
{
    //queTanque : "tanque1" o "tanque2"
    var tanqueCanvas = document.getElementById(queTanque);
    tanqueCanvas.width = tanqueCanvas.width;
    var tanqueCanvasCTX = tanqueCanvas.getContext("2d");
    var img = new Image();
    var idImagenTanque = darImagenTanquePorOrientacion(orientacionT);
    img = document.getElementById(idImagenTanque);
    tanqueCanvasCTX.drawImage(img, tanqueX, tanqueY);
}
function iluminarTanques(jsonRecibido)
{
    console.log("iluminarTanques");
    
    var canvas = document.getElementById('sombra');
    var ctx = canvas.getContext('2d');

    var t1CentroX = jsonRecibido.tanque1CentroX;
    var t1CentroY = jsonRecibido.tanque1CentroY;
    var t2CentroX = jsonRecibido.tanque2CentroX;
    var t2CentroY = jsonRecibido.tanque2CentroY;
    ctx.beginPath();
    ctx.arc(t1CentroX, t1CentroY, 200, 0, 2 * Math.PI);
    ctx.fill();

    console.log("DATOS Tanque1: X:"+t1CentroX+"  Y:"+t1CentroY+"      TANQUE2: X"+t2CentroX+"  Y:"+t2CentroY);
    ctx.beginPath();
    ctx.arc(t2CentroX, t2CentroY, 200, 0, 2 * Math.PI);
    ctx.fill();
    
    var territorioCanvas = document.getElementById('territorio');
    territorioCanvas.width = territorioCanvas.width;
    var sombraCanvasCTX = territorioCanvas.getContext("2d");
    sombraCanvasCTX.clearRect(0, 0, 1245, 700);
    sombraCanvasCTX.fillStyle = "rgba(0,0,0,0.5)";
    sombraCanvasCTX.fillRect(0, 0, 1245, 700);
    sombraCanvasCTX.globalCompositeOperation = 'destination-out';
    sombraCanvasCTX.beginPath();
    sombraCanvasCTX.arc(t1CentroX, t1CentroY, 200, 0, 2 * Math.PI);
    sombraCanvasCTX.fill();
    sombraCanvasCTX.beginPath();
    sombraCanvasCTX.arc(t2CentroX, t2CentroY, 200, 0, 2 * Math.PI);
    sombraCanvasCTX.fill();
}
function darImagenTanquePorOrientacion(orientacion)
{ 
     switch( orientacion )
     {   
        case 0 :
              return 'tanque0';
              break;
        case 45 :
              return 'tanque45';
              break;
        case 90 :
              return 'tanque90';
              break;
        case 135 :
              return 'tanque135';
              break;
        case 180 :
              return 'tanque180';
              break;
        case 225 :
              return 'tanque225';
              break;  
        case 270 :
              return 'tanque270';
              break;
       case 315 :
              return 'tanque315';
              break;
      }
}

     

function dibujarTanqueRoto(jsonRecibido)
{
    var tanque = jsonRecibido.tanque;
    var x = jsonRecibido.posX;
    var y = jsonRecibido.posY;
    var or = jsonRecibido.orientacion;
    if(tanque == 1)
    {
        var tanqueCanvas = document.getElementById('tanque1');
        tanqueCanvas.width = tanqueCanvas.width;
        var tanqueCanvasCTX = tanqueCanvas.getContext("2d");
        tanqueCanvasCTX.clearRect(0, 0, 1245, 700);
    }
    else
    {
        var tanqueCanvas = document.getElementById('tanque2');
        tanqueCanvas.width = tanqueCanvas.width;
        var tanqueCanvasCTX = tanqueCanvas.getContext("2d");
        tanqueCanvasCTX.clearRect(0, 0, 1245, 700);
    }
    
    var img = new Image();
    switch(or)
    {   
       case 0 :
             img = document.getElementById('tanqueRoto0'); 
             tanqueCanvasCTX.drawImage(img, x, y - 20);
             break;
       case 45 :
             img = document.getElementById('tanqueRoto45');
             tanqueCanvasCTX.drawImage(img, x, y - 20);
             break;
       case 90 :
             img = document.getElementById('tanqueRoto90');
             tanqueCanvasCTX.drawImage(img, x, y);
             break;
       case 135 :
             img = document.getElementById('tanqueRoto135');
             tanqueCanvasCTX.drawImage(img, x, y);
             break;
       case 180 :
             img = document.getElementById('tanqueRoto180');
             tanqueCanvasCTX.drawImage(img, x, y);
             break;
       case 225 :
             img = document.getElementById('tanqueRoto225');
             tanqueCanvasCTX.drawImage(img, x - 20, y);
             break;  
       case 270 :
             img = document.getElementById('tanqueRoto270');
             tanqueCanvasCTX.drawImage(img, x - 20, y);
             break;
      case 315 :
             img = document.getElementById('tanqueRoto315');
             tanqueCanvasCTX.drawImage(img, x - 20, y);
             break;
    }
}

function darImagenLateralTanquePorOrientacion(orientacion)
{ 
     if(orientacion == 90)
     {
         return 'tanqueLateral90';
     }
     else
     {
         return 'tanqueLateral270';
     }
}

function dibujarTanqueLateral(quetanque, tanqueX, orientacionT)
{
    var tanque1Canvas = document.getElementById(quetanque);
    tanque1Canvas.width = tanque1Canvas.width;
    var tanque1CanvasCTX = tanque1Canvas.getContext("2d");
    var img = new Image();
    console.log("LA ORIENtACION LATERAL DEL TANQUE ES: ");
    console.log(orientacionT);
    var idImagenTanque = darImagenLateralTanquePorOrientacion(orientacionT);
    console.log("LA IMAGEN QUE CARGO ES: ");
    console.log(idImagenTanque);
    img = document.getElementById(idImagenTanque);
    tanque1CanvasCTX.drawImage(img, tanqueX , 530);
}


/********************/
/* fin FUNCIONES DEL TANQUE */
/********************/